<!-- Content -->
<div id="content">
    <!-- Content wrapper -->
    <div class="wrapper">
        <!-- Breadcrumbs line -->
        <div class="crumbs">
            <ul id="breadcrumbs" class="breadcrumb"> 
                <li><a href="<?= base_url('xpanel.mti') ?>">XPANEL</a></li>
                <li class="active"><a href="#" title="">Evaluación</a></li>
            </ul>
        </div>
        <!-- /breadcrumbs line -->
        <!-- Page header -->
        <div class="page-header">
            <div class="page-title">
                <h5>Sistema de evaluación Checklist DH</h5>
                <span>Resumen de la evaluación</span>
            </div>
        </div>
        <!-- /page header -->
        <div class="row-fluid">
            <!-- Tabla Resumen -->
            <div class="span6">
                <div class="widget">
                    <div class="navbar"><div class="navbar-inner"><h6>Resumen</h6></div></div>
                    <div class="table-overflow">
                        <table class="table table-bordered table-striped fred">
                            <thead>
                                <tr>
                                    <td>ESTANDAR</td>
                                    <td>GRUPO</td>
                                    <td>PP</td>
                                    <td>PO</td>
                                    <td>%</td>
                                </tr>
                            </thead>
                            <tbody>
                                <?php
                                foreach($resumen as $categoria){?>
                                <tr>
                                    <td><?= $categoria['nombre'] ?></td>
                                    <td><?= $categoria['grupo']?></td>
                                    <td><?= $categoria['subg'] ?></td>
                                    <td><?= $categoria['po'] ?></td>
                                    <td><?= $categoria['porcentaje'] ?></td>
                                </tr>
                                <?php } ?>
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
            <!-- /Tabla Resumen -->
            <!-- Tabla Totales -->
            <div class="span6">
                <div class="widget">
                    <div class="navbar"><div class="navbar-inner"><h6>Resumen</h6></div></div>
                    <div class="table-overflow">
                        <table class="table table-bordered table-striped fred">
                            <thead>
                                <tr>
                                    <td>TOTAL</td>
                                    <td>PUNTAJE</td>
                                    <td>%</td>
                                </tr>
                            </thead>
                            <tbody>
                                <tr>
                                    <td>PUNTAJE POSIBLE</td>
                                    <td><?= $datos_totales['ppt']?></td>
                                    <td rowspan="2"><?= $datos_totales['porcentaje'] ?></td>
                                </tr>
                                <tr>
                                    <td>PUNTAJE OBTENIDO</td>
                                    <td><?= $datos_totales['pot']?></td>
                                </tr>
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
            <!-- /Tabla totales -->
            <!-- Semaforo -->
            <div class="span6">
                <div class="widget">
                    <div class="navbar"><div class="navbar-inner"><h6>Resumen</h6></div></div>
                    <div class="table-overflow">
                        <table class="table table-bordered table-striped fred">
                            <thead>
                                <tr>
                                    <td colspan="2"></td>
                                    <td>Estado</td>
                                </tr>
                            </thead>
                            <tbody>
                                <tr>
                                    <td>DE 90% A 100%</td>
                                    <td style="background-color: greenyellow">Cumplimiento</td>
                                    <td ><?= ($semaforo['cumplimiento'])?('Cumplimiento'):''?> </td>
                                </tr>
                                <tr>
                                    <td>DE 80% A 89%</td>
                                    <td style="background-color: yellow">Incumplimiento</td>
                                    <td ><?= ($semaforo['incumplimiento'])?('Incumplimiento'):''?> </td>
                                </tr>
                                <tr>
                                    <td>DE 0% A 79%</td>
                                    <td style="background-color: red">Estado Critico</td>
                                    <td ><?= ($semaforo['estado_critico'])?('Estado Critico'):''?> </td>
                                </tr>
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
            <!-- /Semaforo -->
            <div class="span12">
                <!-- widget -->
                <div class="widget">
                    <div class="tabbable"> 
                        <ul class="nav nav-tabs">
                            <?php
                            $contador = 0;
                            foreach ($lista_categorias as $categoria) {
                                ?>
                                <li <?= ($contador == 0) ? ("class=\"active\"") : ('') ?>><a href="#tap<?= $contador ?>" data-toggle="tab"><?= $categoria->nombre ?></a></li>
                                <?php
                                $contador++;
                            }?>
                            <li><a href="#tap<?= $contador++ ?>" data-toggle="tab">Plan de Accion</a></li>
                            <li><a href="#tap<?= $contador++ ?>" data-toggle="tab">PA_2</a></li>
                            <li><button onclick="window.open('<?= base_url('checklist/pdf') ?>', '_self')" type="button" class="btn btn-primary" id="loading" data-loading-text="Procesando...">Descargar PDF</button></li>
                            
                        </ul>
                        <div class="tab-content">
                            <?php
                            $contador = 0;
                            foreach ($datos as $categoria) {
                                ?>
                                <div class="tab-pane <?= ($contador == 0) ? ('active fade in') : ('fade') ?>" id="tap<?= $contador ?>">
                                    <div class="navbar"><div class="navbar-inner"><h6><?= $categoria['nombre'] ?></h6></div></div>
                                    <div class="table-overflow">
                                        <?php 
                                        switch($categoria['nombre']){
                                            case "Refrigeración":
                                                ?>
                                                <table class="table table-bordered" style="text-align: center">
                                                    <thead>
                                                        <tr>
                                                            <th class="span1" rowspan="2">#</th>
                                                            <th class="span3" rowspan="2">PREGUNTA</th>
                                                            <th class="span1" rowspan="2">GRUPO</th>
                                                            <th class="span1" rowspan="2">PP</th>
                                                            <!-- Nombre de los dispositivos-->
                                                            <?php
                                                            foreach($datos_refri as $dispositivo){
                                                            ?>
                                                                <th class="span1"><?= $dispositivo['nombre'] ?></th>

                                                            <?php
                                                            }
                                                            ?>
                                                            <!-- /Nombre de los dispositivos-->
                                                        </tr>
                                                        <tr>
                                                            <!--Cuadros PO por dispositivo -->
                                                            <?php
                                                            foreach($datos_refri as $dispositivo){
                                                                ?>
                                                                <th class="span1">PO</th>

                                                            <?php
                                                            }
                                                            ?>
                                                            <!-- /Cuadros PO por dispositivo -->
                                                        </tr>
                                                    </thead>
                                                    <tbody>
                                                        <!-- Generacion del cuerpo de la tabla-->
                                                        <?php foreach($categoria['preguntas'] as $key => $datos_pregunta){ ?>
                                                        <tr>
                                                            <td ><?= $datos_pregunta->matricula ?></td>
                                                            <td style="text-align: justify"><?= $datos_pregunta->pregunta ?></td>
                                                            <td ><?= $categoria['grupo']?> </td>
                                                            <td ><?= $datos_pregunta->pp ?> </td>
                                                            <?php
                                                            foreach($datos_refri as $dispositivo){
                                                                ?>
                                                                <th class="span1"><?= ($dispositivo['valores'][$key]->na)?('N/A'):$dispositivo['valores'][$key]->po ?></th>
                                                            <?php
                                                            }
                                                            ?>
                                                        </tr>
                                                        <?php } ?>
                                                        <!--  /Generacion del cuerpo de la tabla -->
                                                        <!-- Pie de la tabla -->
                                                        <tr>
                                                            <td colspan="2" >SUBTOTAL DEL GRUPO</td>
                                                            <td rowspan="3" ><?= $categoria['grupo']?></td>
                                                            <td ><?= $categoria['pp']?></td>
                                                            <?php
                                                            foreach($datos_refri as $dispositivo){
                                                                ?>
                                                                <th class="span1"><?= $dispositivo['pot'] ?></th>

                                                            <?php
                                                            }
                                                            ?>
                                                        </tr>
                                                        <tr>
                                                            <td colspan="2" >MENOS N/A</td>
                                                            <td ><?= $categoria['mna']?></td>
                                                        </tr>
                                                        <tr>
                                                            <td colspan="2">PUNTOS A EVALUAR</td>
                                                            <td><?= $categoria['pae']?></td>
                                                        </tr>
                                                        <tr>
                                                            <td colspan="2">PORCENTAJE</td>
                                                            <td colspan="3"><?= $categoria['porcentaje'] ?> %</td>
                                                        </tr>
                                                        <tr>
                                                            <td colspan="5" style="text-align: justify">Observaciones:<br><?= $categoria['observaciones'] ?></td>
                                                        </tr>
                                                        <!-- /Pie de la tabla -->
                                                    </tbody>
                                                </table>
                                                <?php
                                                break;
                                            case "Congelación":
                                                ?>
                                                <table class="table table-bordered" style="text-align: center">
                                                    <thead>
                                                        <tr>
                                                            <th class="span1" rowspan="2">#</th>
                                                            <th class="span3" rowspan="2">PREGUNTA</th>
                                                            <th class="span1" rowspan="2">GRUPO</th>
                                                            <th class="span1" rowspan="2">PP</th>
                                                            <!-- Nombre de los dispositivos-->
                                                            <?php
                                                            foreach($datos_cong as $dispositivo){
                                                            ?>
                                                                <th class="span1"><?= $dispositivo['nombre'] ?></th>

                                                            <?php
                                                            }
                                                            ?>
                                                            <!-- /Nombre de los dispositivos-->
                                                        </tr>
                                                        <tr>
                                                            <!--Cuadros PO por dispositivo -->
                                                            <?php
                                                            foreach($datos_cong as $dispositivo){
                                                                ?>
                                                                <th class="span1">PO</th>

                                                            <?php
                                                            }
                                                            ?>
                                                            <!-- /Cuadros PO por dispositivo -->
                                                        </tr>
                                                    </thead>
                                                    <tbody>
                                                        <!-- Generacion del cuerpo de la tabla-->
                                                        <?php foreach($categoria['preguntas'] as $key => $datos_pregunta){ ?>
                                                        <tr>
                                                            <td ><?= $datos_pregunta->matricula ?></td>
                                                            <td style="text-align: justify"><?= $datos_pregunta->pregunta ?></td>
                                                            <td ><?= $categoria['grupo']?> </td>
                                                            <td ><?= $datos_pregunta->pp ?> </td>
                                                            <?php
                                                            foreach($datos_cong as $dispositivo){
                                                                ?>
                                                                <th class="span1"><?= ($dispositivo['valores'][$key]->na)?('N/A'):$dispositivo['valores'][$key]->po ?></th>
                                                            <?php
                                                            }
                                                            ?>
                                                        </tr>
                                                        <?php } ?>
                                                        <!--  /Generacion del cuerpo de la tabla -->
                                                        <!-- Pie de la tabla -->
                                                        <tr>
                                                            <td colspan="2" >SUBTOTAL DEL GRUPO</td>
                                                            <td rowspan="3" ><?= $categoria['grupo']?></td>
                                                            <td ><?= $categoria['pp']?></td>
                                                            <?php
                                                            foreach($datos_cong as $dispositivo){
                                                                ?>
                                                                <th class="span1"><?= $dispositivo['pot'] ?></th>

                                                            <?php
                                                            }
                                                            ?>
                                                        </tr>
                                                        <tr>
                                                            <td colspan="2" >MENOS N/A</td>
                                                            <td ><?= $categoria['mna']?></td>
                                                        </tr>
                                                        <tr>
                                                            <td colspan="2">PUNTOS A EVALUAR</td>
                                                            <td><?= $categoria['pae']?></td>
                                                        </tr>
                                                        <tr>
                                                            <td colspan="2">PORCENTAJE</td>
                                                            <td colspan="3"><?= $categoria['porcentaje'] ?> %</td>
                                                        </tr>
                                                        <tr>
                                                            <td colspan="5" style="text-align: justify">Observaciones:<br><?= $categoria['observaciones'] ?></td>
                                                        </tr>
                                                        <!-- /Pie de la tabla -->
                                                    </tbody>
                                                </table>
                                                <?php
                                                break;
                                            default:
                                        ?>
                                                <table class="table table-bordered" style="text-align: center">
                                                    <thead>
                                                        <tr>
                                                            <th class="span1">#</th>
                                                            <th class="span6">PREGUNTA</th>
                                                            <th class="span1">GRUPO</th>
                                                            <th class="span1">PP</th>
                                                            <th class="span1">PO</th>
                                                        </tr>
                                                    </thead>
                                                    <tbody>
                                                        <!-- Generacion del cuerpo de la tabla-->
                                                        <?php foreach($categoria['preguntas'] as $datos_pregunta){ ?>
                                                        <tr>
                                                            <td ><?= $datos_pregunta->matricula ?></td>
                                                            <td style="text-align: justify"><?= $datos_pregunta->pregunta ?></td>
                                                            <td ><?= $categoria['grupo']?> </td>
                                                            <td ><?= $datos_pregunta->pp ?> </td>
                                                            <td ><?= ($datos_pregunta->na)?("N/A"):$datos_pregunta->po ?></td>
                                                        </tr>
                                                        <?php } ?>
                                                        <!--  /Generacion del cuerpo de la tabla -->
                                                        <!-- Pie de la tabla -->
                                                        <tr>
                                                            <td colspan="2" >SUBTOTAL DEL GRUPO</td>
                                                            <td rowspan="3" ><?= $categoria['grupo']?></td>
                                                            <td ><?= $categoria['pp']?></td>
                                                            <td rowspan="3" ><?= $categoria['po']?></td>
                                                        </tr>
                                                        <tr>
                                                            <td colspan="2" >MENOS N/A</td>
                                                            <td ><?= $categoria['mna']?></td>
                                                        </tr>
                                                        <tr>
                                                            <td colspan="2">PUNTOS A EVALUAR</td>
                                                            <td><?= $categoria['pae']?></td>
                                                        </tr>
                                                        <tr>
                                                            <td colspan="2">PORCENTAJE</td>
                                                            <td colspan="3"><?= $categoria['porcentaje'] ?> %</td>
                                                        </tr>
                                                        <tr>
                                                            <td colspan="5" style="text-align: justify">Observaciones:<br><?= $categoria['observaciones'] ?></td>
                                                        </tr>
                                                        <!-- /Pie de la tabla -->
                                                    </tbody>
                                                </table>
                                        <?php
                                            break;
                                        }
                                        ?>
                                        
                                    </div>
                                </div>
                                <?php
                                $contador++;
                            }
                            ?>
                            <!-- Plan de Accion-->
                            <div class="tab-pane fade" id="tap<?= $contador++ ?>">
                                <div class="navbar"><div class="navbar-inner"><h6>Plan de Acción</h6></div></div>
                                <div class="table-overflow">
                                    <table class="table table-bordered" style="text-align: center">
                                        <thead>
                                            <tr>
                                                <td>Desviación</td>
                                                <td>Acción Correctiva</td>
                                                <td>Fecha Compromiso</td>
                                                <td>Responsables</td>
                                                <td>Grupo</td>
                                            </tr>
                                        </thead>
                                        <tbody>
                                            <?php 
                                            for($aux=0;$aux<10;$aux++){?>
                                            <tr>
                                                <td>Congelador  <?= $aux ?> de cocina no da la temperatura adecuada.</td>
                                                <td>Dar mantenimiento al equipo <?= $aux?></td>
                                                <td>28/02/15</td>
                                                <td>Jonathan Montañez/ Patricia Jimenez</td>
                                                <td>CC</td>
                                            </tr>
                                            <?php } ?>
                                        </tbody>
                                    </table>
                                </div>
                            </div>
                            <!--/Pan de Accion -->
                            <!-- Plan de Accion 2-->
                            <div class="tab-pane fade" id="tap<?= $contador++ ?>">
                                <div class="navbar"><div class="navbar-inner"><h6>Plan de Acción</h6></div></div>                              
                                <div class="span12">                                    
                                            <?php
                        $no_acciones = 15;
                        for($aux=0 ; $aux < $no_acciones ; $aux++){
                            ?>
                        <div class="control-group">
                            <div class="span3">
                                <textarea  name="desviaciones[]" class="span12 align-center" maxlength="100"></textarea><span class="help-block align-center">Desviación</span>
                            </div>
                            <div class="span3">
                                <textarea  name="acciones[]" class="span12 align-center" maxlength="100"></textarea><span class="help-block align-center">Accion Correctiva</span>
                            </div>
                            <div class="span2">
                                <input type="text" name="fechas[]" class="span12 datepicker align-center" /><span class="help-block align-center">Fecha Compromiso</span>
                            </div>
                            <div class="span2">
                                <textarea name="responsables[]" class="span12 align-center" maxlength="100"></textarea><span class="help-block align-center">Responsables</span>
                            </div>
                            <div class="span1"> 
                                <select data-placeholder="Seleccione Grupo" class="select" name="grupo[]" >
                                    <option value="0">RA</option> 
                                    <option value="1">CC</option> 
                                    <option value="2">SS</option> 
                                </select>
                            </div>
                        </div>
                        <?php
                        }
                        ?>
                                        
                                </div>
                            </div>
                            <!-- /Plan de Accion 2-->
                        </div>
                    </div>
                </div>
                <!-- /widget -->
            </div>
            <!-- /span -->
        </div>
        <!-- /row fluid -->
    </div>
    <!-- /content wrapper -->
</div>
<!-- /content -->